.top-header{
    position: fixed;
    width: 100%;
    left: 0;
    padding-top: 5px;
    top: 0;
}

#yunying-time{
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 34px);

    .title{
        font-size: 22px;
        color: #becded;
    }
}

#map-container{
    height:100%;
    width: 1000px;
    margin: auto;
}

.left-part{
    position: absolute;
    left: 21px;
    top: 50%;
    transform: translateY(-50%);
}

#user-part{
    width: 528px;
    height: 353px;
}

.order-section {
    margin-top: 35px;
}

.left-part-chart{
    width: 505px;
    height: 230px;;
    margin: auto;
}

.right-part{
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
}

#device-part{
    width: 528px;
    height: 840px;
}

#device-count-chart{
    width: 440px;
    height: 240px;
    margin: auto;
}

#device-online-rate-chart{
    width: 460px;
    height: 200px;
    margin: auto;
}

#device-availability-rate-chart{
    width: 465px;
    height: 150px;
    margin: auto;
}

.agent-store-modal{
    position: fixed;
    z-index: 3;
}